<template>
  <div class="user-birthday">
    <van-datetime-picker
      v-model="currentDate"
      type="date"
      title="选择年月日"
      :min-date="minDate"
      :max-date="maxDate"
      @confirm="onConfirm"
      @cancel="$emit('onClosebirthday')"
      @change="onChange"
    />
  </div>
</template>

<script>
import { editUserProfile } from '@/api/user.js'
import dayjs from 'dayjs'
export default {
  name: '',
  components: {},
  props: {
    birthday: {
      type: String,
      required: true
    }
  },
  data() {
    return {
      currentDate: new Date(this.birthday),
      minDate: new Date(1970, 0, 1),
      maxDate: new Date()
    }
  },
  created() {},
  methods: {
    //   点击 完成的时候 将 数据 发送过去 并将 弹窗关闭
    // 点击 面板确认按键
    async onConfirm(choseDate) {
      try {
        // 如果 此次数据 与 上次的数据 是一样的 那么就不发送这次请求
        // if (this.birthday !== ) {
        // 默认 会接收 两个 参数 一个是 当前选项中的 元素本身，一个 是当前元素的索引值
        console.log(choseDate)
        // 处理改变的时间 将其 转化成字符串
        const strDate = dayjs(choseDate).format('YYYY-MM-DD')
        console.log(strDate)
        const { data } = await editUserProfile({ birthday: strDate })
        console.log(data)
        // 数据修改成功 更新到视图上
        this.$emit('changeView', strDate)
        // 提示数据 修改成功
        // }
        this.$toast.success('修改数据成功')
      } catch (error) {
        this.$toast.fail('数据修改失败，亲稍后')
      }
    },
    // 当视图 数据 发生改变的时候
    onChange() {}
  },
  computed: {},
  watch: {}
}
</script>

<style lang="less" scoped>
</style>
